@charset "utf-8";

/* CSS Document */

@charset "utf-8";



/* CSS Document */

body,

div,

dl,

dt,

dd,

ul,

ol,

li,

h1,

h2,

h3,

h4,

h5,

h6,

pre,

form,

fieldset,

input,

p,

blockquote,

th,

td {

	margin: 0;

	padding: 0;

}



body {

	text-align: justify;

	font-size: .95rem;

	color: #222;

	background: #fff;

}



fieldset,

img {

	border: 0;

}



ol,

ul {

	list-style: none;

}



h1,

h2,

h3,

h4,

h5,

h6 {

	font-size: 100%;

	font-weight: normal;

}

.margin-t-20{

	margin-top: 1rem;

}

.cleardiv {

	width: 100%;

	height: 0;

	line-height: 0;

	font-size: 0;

	clear: both;

	zoom: 1;

	overflow: hidden;

	visibility: hidden;

	display: block

}



.clearflt {

	*zoom: 1

}



.clearflt:after {

	content: "";

	display: block;

	clear: both

}



a {

	text-decoration: none;

	blr: expression(this.onFocus=this.blur())

}



input,

button,

select,

textarea,

a:focus,

div:focus {

	outline: none

}



.re {

	position: relative

}



.ab {

	position: absolute

}



.ov {

	overflow: visible

}



.oh {

	overflow: hidden

}



header,

nav,

article,

section,

aside,

footer,

address,

dialog,

figure,

menu {

	display: block

}


.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

em {

	font-style: normal;

}



input,

button,

select,

textarea {

	outline: none;

}



a {

	color: #222;

	text-decoration: none;

}



a:hover {

	text-decoration: none;

}

.margin-t-40{

	margin-top: .4rem;

}

.margin-t-50{

	margin-top: .5rem;

}



.margin-t-60{

	margin-top: .6rem;

}

.margin-t-70{

	margin-top: .7rem;

}

.margin-t-80{

	margin-top: .8rem;

}

.margin-t{

	margin-top: 2.3rem;

}

.p70{

	padding:3.2rem 0;

}

.fn-clear:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

}



.fn-clear {

	zoom: 1;

}

.fn-left{

	float: left;

}

.fn-right{

	float: right;

}

input[type="button"],

input[type="submit"],

input[type="reset"] {

	-webkit-appearance: none;

}



.clearfix:after,

.clearfix:before {

	display: table;

	content: " ";

}



.clearfix:after {

	clear: both;

}



textarea {

	-webkit-appearance: none;

}



body,

html {

	overflow-x: hidden;

}



b {

	font-weight: normal;

}



.area {

	width: 95%;

	margin:0 auto;

}

@media (min-width: 992px) and (max-width: 1199.98px) {

	.kHeader {

		display: none;

	}



	.w1200,.w75{

		width: 95%;

    	margin: 0 auto;

	}



	.kHeaderM {

		width: 100%;
	    background: #Fff;
	    justify-content: space-between;
	    overflow: hidden;
	    box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);
	    height: 53px;
	    display: flex;
	    align-items: center;
	    padding: 0 15px;
	    box-sizing: border-box;

	}



	.fexd_f {

		position: fixed;

		z-index: 10001;

		top: 0;

	}



	.kHeaderM.hov {

		-webkit-box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

		box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

	}



	.kBgCon {

		display: none;

	}

	.kLogom img,

	.kListm img {

        width: auto;

	    display: block;

	    height: 2.0rem;

	}



	.kListm {

		width: 22px;

		display: block;

		height: 3.3rem;

		position: relative;

	}



	.menu-btn .line {

		top: 0;

		bottom: 0;

		-webkit-transition: border 0.3s;

		transition: border 0.3s;



	}



	.kListm span,

	.kListm span:before,

	.kListm span:after {

		color: #333;

		position: absolute;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

		width: 22px;

		height: 0;

		border-top: 2px solid;

		border-bottom: 1px solid;

		border-radius: 3px;



	}



	.kListm span:before {



		-webkit-transform: translateY(-6px);

		transform: translateY(-6px);



	}



	.kListm span:before,

	.kListm span:after {

		content: '';

		-webkit-transform-origin: 50% 50%;

		transform-origin: 50% 50%;

		-webkit-transition: transform 0.3s;

		-webkit-transition: -webkit-transform 0.3s;

		transition: -webkit-transform 0.3s;

		transition: transform 0.3s;

		transition: transform 0.3s, -webkit-transform 0.3s;



	}



	.kListm span:after {



		-webkit-transform: translateY(6px);

		transform: translateY(6px);



	}



	.kListmClose span {



		border-color: transparent;



	}



	.kListmClose span:before {



		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);



	}



	.kListmClose span:after {



		-webkit-transform: rotate(-45deg);

		transform: rotate(-45deg);



	}



	.ovhd {

		width: 100%;

		height: 100%;

		overflow: hidden;

		position: fixed;

	}



	.kNavM {

		/* overflow-y: scroll;  */

		width: 100%;

		position: absolute;

		left: 0;

		top: 44px;

		background: #ffffff;

		z-index: 1000;

		padding: 5px 0;

		box-sizing: border-box;

	}



	.kNavM li {

		line-height: 32px;

	}



	.kNavM li .kFir {

		width: calc(100% - 30px);

		margin: 0 15px;

		line-height: 54px;

		border-bottom: 1px solid #f7f7f7;

		font-size: .95rem;

		color: #333;

		display: block;

		overflow: hidden;

		box-sizing: border-box;

		display: flex;

	}



	.kNavM li .kFir a {

		float: left;

		display: block;

		width: 100%;

	}



	.kNavM li .kFir i {

		display: inline-block;

		float: right;

		padding-left: 20px;

	}



	.kNavM li .kFir i span {

		display: block;

		font-size: .95rem;

		color: #222;

		-webkit-transition: all 0.3s;

		transition: all 0.3s;

	}



	.kNavM li .kFir i span.hov {

		-webkit-transform: rotate(180deg);

		transform: rotate(180deg);

	}



	.kNavM li p {

		background: #fafafa;

	}



	.kNavM li p a {

		font-size: .9rem;

		display: block;

		width: calc(100% - 30px);

		margin: 0 15px;

		border-bottom: 1px solid #f0f0f0;

		color: #333;

		line-height: 50px;

	}

}

@media (min-width: 750px) and (max-width: 991.98px){

	.kHeader {

		display: none;

	}



	.w1200,.w75{

		width: 95%;

    	margin: 0 auto;

	}



	.kHeaderM {

		width: 100%;
	    background: #Fff;
	    justify-content: space-between;
	    overflow: hidden;
	    box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);
	    height: 53px;
	    display: flex;
	    align-items: center;
	    padding: 0 15px;
	    box-sizing: border-box;

	}



	.fexd_f {

		position: fixed;

		z-index: 10001;

		top: 0;

	}



	.kHeaderM.hov {

		-webkit-box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

		box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

	}



	.kBgCon {

		display: none;

	}

	.kLogom img,

	.kListm img {

        width: auto;

	    display: block;

	    height: 2.0rem;

	}



	.kListm {

		width: 22px;

		display: block;

		height: 3.3rem;

		position: relative;

	}



	.menu-btn .line {

		top: 0;

		bottom: 0;

		-webkit-transition: border 0.3s;

		transition: border 0.3s;



	}



	.kListm span,

	.kListm span:before,

	.kListm span:after {

		color: #333;

		position: absolute;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

		width: 22px;

		height: 0;

		border-top: 2px solid;

		border-bottom: 1px solid;

		border-radius: 3px;



	}



	.kListm span:before {



		-webkit-transform: translateY(-6px);

		transform: translateY(-6px);



	}



	.kListm span:before,

	.kListm span:after {

		content: '';

		-webkit-transform-origin: 50% 50%;

		transform-origin: 50% 50%;

		-webkit-transition: transform 0.3s;

		-webkit-transition: -webkit-transform 0.3s;

		transition: -webkit-transform 0.3s;

		transition: transform 0.3s;

		transition: transform 0.3s, -webkit-transform 0.3s;



	}



	.kListm span:after {



		-webkit-transform: translateY(6px);

		transform: translateY(6px);



	}



	.kListmClose span {



		border-color: transparent;



	}



	.kListmClose span:before {



		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);



	}



	.kListmClose span:after {



		-webkit-transform: rotate(-45deg);

		transform: rotate(-45deg);



	}



	.ovhd {

		width: 100%;

		height: 100%;

		overflow: hidden;

		position: fixed;

	}



	.kNavM {

		/* overflow-y: scroll;  */

		width: 100%;

		position: absolute;

		left: 0;

		top: 44px;

		background: #ffffff;

		z-index: 1000;

		padding: 5px 0;

		box-sizing: border-box;

	}



	.kNavM li {

		line-height: 32px;

	}



	.kNavM li .kFir {

		width: calc(100% - 30px);

		margin: 0 15px;

		line-height: 54px;

		border-bottom: 1px solid #f7f7f7;

		font-size: .95rem;

		color: #333;

		display: block;

		overflow: hidden;

		box-sizing: border-box;

		display: flex;

	}



	.kNavM li .kFir a {

		float: left;

		display: block;

		width: 100%;

	}



	.kNavM li .kFir i {

		display: inline-block;

		float: right;

		padding-left: 20px;

	}



	.kNavM li .kFir i span {

		display: block;

		font-size: .95rem;

		color: #222;

		-webkit-transition: all 0.3s;

		transition: all 0.3s;

	}



	.kNavM li .kFir i span.hov {

		-webkit-transform: rotate(180deg);

		transform: rotate(180deg);

	}



	.kNavM li p {

		background: #fafafa;

	}



	.kNavM li p a {

		font-size: .9rem;

		display: block;

		width: calc(100% - 30px);

		margin: 0 15px;

		border-bottom: 1px solid #f0f0f0;

		color: #333;

		line-height: 50px;

	}

}

@media screen and (max-width: 750px) {

	.kHeader {

		display: none;

	}



	.w1200,.w75{

		width: 95%;

    	margin: 0 auto;

	}



	.kHeaderM {

		width: 100%;
	    background: #Fff;
	    justify-content: space-between;
	    overflow: hidden;
	    box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);
	    height: 53px;
	    display: flex;
	    align-items: center;
	    padding: 0 15px;
	    box-sizing: border-box;

	}



	.fexd_f {

		position: fixed;

		z-index: 10001;

		top: 0;

	}



	.kHeaderM.hov {

		-webkit-box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

		box-shadow: 0px 8px 8px rgba(29, 29, 29, .04);

	}



	.kBgCon {

		display: none;

	}

	.kLogom img,

	.kListm img {

        width: auto;

	    display: block;

	    height: 2.0rem;

	}



	.kListm {

		width: 22px;

		display: block;

		height: 3.3rem;

		position: relative;

	}



	.menu-btn .line {

		top: 0;

		bottom: 0;

		-webkit-transition: border 0.3s;

		transition: border 0.3s;



	}



	.kListm span,

	.kListm span:before,

	.kListm span:after {

		color: #333;

		position: absolute;

		left: 0;

		right: 0;

		top: 0;

		bottom: 0;

		margin: auto;

		width: 22px;

		height: 0;

		border-top: 2px solid;

		border-bottom: 1px solid;

		border-radius: 3px;



	}



	.kListm span:before {



		-webkit-transform: translateY(-6px);

		transform: translateY(-6px);



	}



	.kListm span:before,

	.kListm span:after {

		content: '';

		-webkit-transform-origin: 50% 50%;

		transform-origin: 50% 50%;

		-webkit-transition: transform 0.3s;

		-webkit-transition: -webkit-transform 0.3s;

		transition: -webkit-transform 0.3s;

		transition: transform 0.3s;

		transition: transform 0.3s, -webkit-transform 0.3s;



	}



	.kListm span:after {



		-webkit-transform: translateY(6px);

		transform: translateY(6px);



	}



	.kListmClose span {



		border-color: transparent;



	}



	.kListmClose span:before {



		-webkit-transform: rotate(45deg);

		transform: rotate(45deg);



	}



	.kListmClose span:after {



		-webkit-transform: rotate(-45deg);

		transform: rotate(-45deg);



	}



	.ovhd {

		width: 100%;

		height: 100%;

		overflow: hidden;

		position: fixed;

	}



	.kNavM {

		/* overflow-y: scroll;  */

		width: 100%;

		position: absolute;

		left: 0;

		top: 44px;

		background: #ffffff;

		z-index: 1000;

		padding: 5px 0;

		box-sizing: border-box;

	}



	.kNavM li {

		line-height: 32px;

	}



	.kNavM li .kFir {

		width: calc(100% - 30px);

		margin: 0 15px;

		line-height: 54px;

		border-bottom: 1px solid #f7f7f7;

		font-size: .95rem;

		color: #333;

		display: block;

		overflow: hidden;

		box-sizing: border-box;

		display: flex;

	}



	.kNavM li .kFir a {

		float: left;

		display: block;

		width: 100%;

	}



	.kNavM li .kFir i {

		display: inline-block;

		float: right;

		padding-left: 20px;

	}



	.kNavM li .kFir i span {

		display: block;

		font-size: .95rem;

		color: #222;

		-webkit-transition: all 0.3s;

		transition: all 0.3s;

	}



	.kNavM li .kFir i span.hov {

		-webkit-transform: rotate(180deg);

		transform: rotate(180deg);

	}



	.kNavM li p {

		background: #fafafa;

	}



	.kNavM li p a {

		font-size: .9rem;

		display: block;

		width: calc(100% - 30px);

		margin: 0 15px;

		border-bottom: 1px solid #f0f0f0;

		color: #333;

		line-height: 50px;

	}



}

/* 标题展示 */

/* .title{

	padding: 1rem 0;

	text-align: center;

}

.title h3{

	font-size: 1.5rem;

}

.title div{

	background: #683c19;

    width: 1.5rem;

    height: 3px;

    margin: 10px auto auto auto;

}

.title p{

	font-size: 1rem;

    font-family: 'myFont_R';

    color: #666666;

    text-transform: uppercase;

} */

/* .title{

	margin-bottom: 1.4rem;

}

.title p{

	font-size: 1.6rem;

	font-weight: bold;

	color: #ddb031;

	text-align: center;

	text-transform: uppercase;

}

.title h2{

	text-align: center;

	font-size: 1.52rem;

	color: #333;

}

.title h2:before {

    margin-right: 20px;

}

.title h2:after, .title h2:before {

    content: "";

    height: 1px;

    background: #ddb031;

    width: 40px;

    margin-bottom: 9px;

    display: inline-block;

}

.title h2:after {

    margin-left: 20px;

} */

img{

	display: block;

}

/* banenr */

.index_banner .ba_box{

	position: absolute;

    vertical-align: middle;

    left: 0;

    width: 100%;

    box-sizing: border-box;

    text-align: center;

	opacity: 0;

}

.index_banner .ba_txt{

	margin: 0 auto;

	text-align: left;

}

.flex_s {

    display: flex;

    justify-content: center;

}

.index_banner .ba_txt h3{
	margin: 10px 0;
    font-size: 12px;
    color: #333;
    text-align: center;
    text-transform: capitalize;

}

.index_banner .ba_txt h1{

	font-size: 25px;
    text-align: center;
    font-family: myFont5;

}

.index_banner .ba_txt p{

	font-size: 24px;

    color: #aaaaaa;

}

.index_banner .ba_txt a{

	display: block;

    width: 100px;

    height: 35px;

    line-height: 35px;

    font-size: 14px;

    text-align: center;

    transition: transform 2s;

    box-sizing: border-box;

    border-radius: 5px;

    transition: all 0.6s ease;

}

.index_banner .swiper-slide {

    position: relative;

    background-position: center;

    background-size: cover;

    justify-content: center;

    align-items: center;

    display: flex;

}

.index_banner .ba_btn{


}

.index_banner .ba_txt a:first-child{

	background-color: #fff;

	color: #333;

	margin-right: 15px;

}

.index_banner .ba_txt a:last-child{

	background-image: linear-gradient(to bottom right, #ff5400, #f79239);

	color: #fff;

}

.index_banner .ba_txt a:last-child:hover{

	background-image: linear-gradient(to bottom right, #f79239, #ff5400);

}

.index_banner .swiper-slide-active .ba_box{

	-webkit-animation: fadeInLeft 1.4s ease-in-out;

	animation: fadeInLeft 1.4s ease-in-out;

	animation-delay: 0.8s;

	-webkit-animation-delay: 0.8s;

	animation-fill-mode: forwards;

	-webkit-animation-fill-mode: forwards;

}
/* 底部展示 */
.bottom{
	background-color: #222;
    margin-bottom: 72px;
    color: #fff;
    font-size: 14px;
    padding: 10px 0;
}
.url {
	border-top: 1px solid #323232;
	padding-top: 20px;
	margin-top: 20px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 10px 10px;
}
.url h5{
	font-size: 16px;
    color: #fff;
    margin-right: 15px;
}
.url a{
	color: #ababab;
	margin-right: 20px;
}
.site-box{
	display: flex;
}
.site-box a{
	font-size: 10px;
	color: #fff;
}
.footer{
	background-color: #222;
	padding: 50px 0;
	padding-bottom: 0;
}
.footer .foot_l{
	margin-bottom: 20px;
}
.footer .foot_l h5{
	font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
}
.footer .foot_r h5{
	font-size: 18px;
	text-align: center;
	margin-bottom: 5px;
	color: #fff;
}
.footer .foot_l ul{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px 10px;
}
.footer .foot{
	align-items: flex-start;
}
.footer .foot_l ul li{
	width: 125px;
}
.footer .foot_l ul li>a{
	font-size: 16px;
    margin-bottom: 10px;
    display: block;
    color: #fff;
}
.footer .foot_l ul li .foot_er{
    display: flex;
    flex-direction: column;
}
.footer .foot_l ul li .foot_er a{
	font-size: 13px;
	color: #fff;
	line-height: 1.5;
}
.footer a{
	color: #fff;
}
.footer .foot_l,.footer .foot_r{
	/* width: 50%; */
}
.footer .foot_r .foot_r_icon{
	margin-bottom: 30px;
	text-align: center;
}
.foot_r_icon p{
	font-size: 14px;
	color: #fff;
}
.footer .foot_r_er div{
	margin-right: 15px;
}
.footer .foot_r_er img{
	width: 120px;
    border-radius: 5px;
    padding: 5px;
    box-sizing: border-box;
    background: #fff;
}
.footer .foot_r_er div:last-child{
	margin-right: 0;
}
.footer .foot_r_er p{
	color: #fff;
	font-size: 12px;
	line-height: 2.5;
	text-align: center;
}
.footer .foot_r_box{
	align-items: flex-start;
    justify-content: flex-start;
}
.footer .foot_r_txt{
	margin: 20px 0;
}
.footer .foot_r_txt div{
	font-size: 14px;
    display: inline-block;
    text-align: left;
    color: #fff;
    width: 100%;
}
/* 分页展示 */

.page-box {

    

}

.page-box div{

    display: flex;

    display: -webkit-flex;

    /* justify-content: center; */

    margin-top: 40px;

}

.page-box a{

    display: block;

    padding: 6px 15px;

    font-size: 16px;

    color: #333;

    box-sizing: border-box;

    background:#eee;

    margin: 0 5px;

    border-radius: 3px;

    transition: .5s;

}

.page-box strong{

    display: block;

    padding: 6px 15px;

    font-size: 16px;

    background-image: linear-gradient(to bottom right, #f79239, #ff5400);

    color: #fff;

    margin: 0 5px;

    border-radius: 3px;

}

.page-box a:hover{

    background-image: linear-gradient(to bottom right, #f79239, #ff5400);

    color:#fff;

}